<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>GUCCI Collections</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <header>
        <nav class="top-nav">
            <div class="nav-left">
                <button class="menu-btn">Menu</button>
                <button class="search-btn">Search</button>
            </div>
            <div class="logo">
                <a href="/">GUCCI</a>
            </div>
            <div class="nav-right">
                <button class="call-btn">Call Us</button>
                <button class="wishlist-btn">Wishlist</button>
                <button class="account-btn">Account</button>
                <button class="cart-btn">Cart</button>
            </div>
        </nav>
    </header>

    <main>
        <div class="category-nav">
            <ul>
                <li><a href="index.html">All Brands</a></li>
                <li><a href="lv-products.html">Louis Vuitton</a></li>
                <li><a href="dior-products.html">Dior</a></li>
                <li><a href="chanel-products.html">Chanel</a></li>
                <li><a href="hermes-products.html">Hermès</a></li>
                <li class="active"><a href="gucci-products.html">Gucci</a></li>
            </ul>
        </div>

        <div class="products-grid">
            <a href="detail.html" class="product-card">
                <button class="wishlist-icon">♡</button>
                <div class="product-image">
                    <img src="https://media.gucci.com/style/DarkGray_Center_0_0_800x800/1686816033_M0446CTZQ_M928_E03_ZH.jpg" alt="GG Marmont Bag">
                </div>
                <div class="product-info">
                    <h3>GG Marmont Bag</h3>
                    <p class="description">Small matelassé leather shoulder bag</p>
                    <p class="price">HK$ 21,500</p>
                </div>
            </a>

            <!-- 添加更多 Gucci 产品... -->
        </div>
        <div class="view-more">
            <button class="view-more-btn">View More</button>
        </div>
    </main>

    <footer>
        <!-- 复用相同的页脚结构 -->
    </footer>

    <script src="js/main.js"></script>
</body>
</html> 